<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/lipe.css"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <!-- top-->
    <section class="container-fuld affix t-top">
        <div class="nav">
            <div class="container">
                <span class="logo">LIPE</span>
                <ul class="nav-list">
					<li><a href="index.html" class="active">首页</a></li>
                    <li><a href="">唻设计</a></li>
                    <li><a href="设计师展示页.html">设计师</a></li>
					<li><a href="">虚拟商城</a></li>
                    <li><a href="">建材城</a></li>
                    <li><a href="">生活</a></li>
					<li><a href="">资讯</a></li>
                </ul>

                <div class="nav-tool">
                    <div class="i-search">
                        <input type="text" class="i-search-input" placeholder="请输入关键词搜索"/>
                        <button type="submit" class="btn-search">
                            <span class="icon icon-serch-black"></span>
                        </button>
                    </div>
                    <ul class="list">
                        <li class="login"><a href="">登录</a></li>
                        <li class="reg"><a href="">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- //top-->

<section class="container img-list-box">
        <div class="child-menu">
            <ul class="sub-nav-list">
                <li><a href="" class="active">中式</a></li>
                <li><a href="">日式</a></li>
                <li><a href="">东南亚</a></li>
				<li><a href="">欧式</a></li>
                <li><a href="">美式</a></li>
				<li><a href="">法式</a></li>
                <li><a href="">地中海</a></li>
                <li><a href="">新古典</a></li>
                <li><a href="">现代简约</a></li>
                <li><a href="">乡村田园</a></li>
                <li><a href="">其它</a></li>
            </ul>
            <div class="title-label">
                <span class="at-white">设计师</span>
                <span class="at-bg">案例</span>
            </div>
        </div>

        <ul class="img-list-base">
            <li>
                <img src="images/temp/temp1.png" alt=""/>
                <div class="p-c-info">
                    <div class="p-info"></div>
                    <div class="p-txt-info">
                        <div class="p-head-box"><img src="images/temp/temp1.png" alt="" class="p-head"/></div>
                        <p>李静</p>
                        <p>木森设计公司</p>
                        <p>从业7年，17个展示案例</p>
                        <p> <a href="">查看主页</a></p>
                    </div>
                </div>
                <div class="img-info">
                    <span class="k-label">
                        <i class="icon-p icon-size-white"></i> 200m<sup>2</sup>
                    </span>
                    <span>
                        <i class="icon-p ico-location-white"></i> 成都市高新区天府二街世纪城1期
                    </span>
                </div>
            </li>
            <li>
                <img src="images/temp/temp1.png" alt=""/>
                <div class="p-c-info">
                    <div class="p-info"></div>
                    <div class="p-txt-info">
                        <div class="p-head-box"><img src="images/temp/temp1.png" alt="" class="p-head"/></div>
                        <p>李静</p>
                        <p>木森设计公司</p>
                        <p>从业7年，17个展示案例</p>
                        <p> <a href="">查看主页</a></p>
                    </div>
                </div>
                <div class="img-info">
                    <span class="k-label">
                        <i class="icon-p icon-size-white"></i> 200m<sup>2</sup>
                    </span>
                    <span>
                        <i class="icon-p ico-location-white"></i> 成都市高新区天府二街世纪城1期
                    </span>
                </div>
            </li>
            <li>
                <img src="images/temp/temp1.png" alt=""/>
                <div class="p-c-info">
                    <div class="p-info"></div>
                    <div class="p-txt-info">
                        <div class="p-head-box"><img src="images/temp/temp1.png" alt="" class="p-head"/></div>
                        <p>李静</p>
                        <p>木森设计公司</p>
                        <p>从业7年，17个展示案例</p>
                        <p> <a href="">查看主页</a></p>
                    </div>
                </div>
                <div class="img-info">
                    <span class="k-label">
                        <i class="icon-p icon-size-white"></i> 200m<sup>2</sup>
                    </span>
                    <span>
                        <i class="icon-p ico-location-white"></i> 成都市高新区天府二街世纪城1期
                    </span>
                </div>
            </li>
            <li>
                <img src="images/temp/temp1.png" alt=""/>
                <div class="p-c-info">
                    <div class="p-info"></div>
                    <div class="p-txt-info">
                        <div class="p-head-box"><img src="images/temp/temp1.png" alt="" class="p-head"/></div>
                        <p>李静</p>
                        <p>木森设计公司</p>
                        <p>从业7年，17个展示案例</p>
                        <p> <a href="">查看主页</a></p>
                    </div>
                </div>
                <div class="img-info">
                    <span class="k-label">
                        <i class="icon-p icon-size-white"></i> 200m<sup>2</sup>
                    </span>
                    <span>
                        <i class="icon-p ico-location-white"></i> 成都市高新区天府二街世纪城1期
                    </span>
                </div>
            </li>
            <li>
                <img src="images/temp/temp1.png" alt=""/>
                <div class="p-c-info">
                    <div class="p-info"></div>
                    <div class="p-txt-info">
                        <div class="p-head-box"><img src="images/temp/temp1.png" alt="" class="p-head"/></div>
                        <p>李静</p>
                        <p>木森设计公司</p>
                        <p>从业7年，17个展示案例</p>
                        <p> <a href="">查看主页</a></p>
                    </div>
                </div>
                <div class="img-info">
                    <span class="k-label">
                        <i class="icon-p icon-size-white"></i> 200m<sup>2</sup>
                    </span>
                    <span>
                        <i class="icon-p ico-location-white"></i> 成都市高新区天府二街世纪城1期
                    </span>
                </div>
            </li>
            <li>
                <img src="images/temp/temp1.png" alt=""/>
                <div class="p-c-info">
                    <div class="p-info"></div>
                    <div class="p-txt-info">
                        <div class="p-head-box"><img src="images/temp/temp1.png" alt="" class="p-head"/></div>
                        <p>李静</p>
                        <p>木森设计公司</p>
                        <p>从业7年，17个展示案例</p>
                        <p> <a href="">查看主页</a></p>
                    </div>
                </div>
                <div class="img-info">
                    <span class="k-label">
                        <i class="icon-p icon-size-white"></i> 200m<sup>2</sup>
                    </span>
                    <span>
                        <i class="icon-p ico-location-white"></i> 成都市高新区天府二街世纪城1期
                    </span>
                </div>
            </li>
            <li>
                <img src="images/temp/temp1.png" alt=""/>
                <div class="p-c-info">
                    <div class="p-info"></div>
                    <div class="p-txt-info">
                        <div class="p-head-box"><img src="images/temp/temp1.png" alt="" class="p-head"/></div>
                        <p>李静</p>
                        <p>木森设计公司</p>
                        <p>从业7年，17个展示案例</p>
                        <p> <a href="">查看主页</a></p>
                    </div>
                </div>
                <div class="img-info">
                    <span class="k-label">
                        <i class="icon-p icon-size-white"></i> 200m<sup>2</sup>
                    </span>
                    <span>
                        <i class="icon-p ico-location-white"></i> 成都市高新区天府二街世纪城1期
                    </span>
                </div>
            </li>
            <li>
                <img src="images/temp/temp1.png" alt=""/>
                <div class="p-c-info">
                    <div class="p-info"></div>
                    <div class="p-txt-info">
                        <div class="p-head-box"><img src="images/temp/temp1.png" alt="" class="p-head"/></div>
                        <p>李静</p>
                        <p>木森设计公司</p>
                        <p>从业7年，17个展示案例</p>
                        <p> <a href="">查看主页</a></p>
                    </div>
                </div>
                <div class="img-info">
                    <span class="k-label">
                        <i class="icon-p icon-size-white"></i> 200m<sup>2</sup>
                    </span>
                    <span>
                        <i class="icon-p ico-location-white"></i> 成都市高新区天府二街世纪城1期
                    </span>
                </div>
            </li>
        </ul>
        <div class="pages">
            <ul class="page-list">
                <li class="pre"><a href=""><i class="icon-p icon-back"></i></a></li>
                <li class="page-num"><a href="" class="active">1</a></li>
                <li class="page-num"><a href="">2</a></li>
                <li class="page-num"><a href="">3</a></li>
                <li class="page-num"><a href="">4</a></li>
                <li class="page-num"><a href="">5</a></li>
                <li class="page-num"><a href="">6</a></li>
                <li class="page-num"><a href="">7</a></li>
                <li class="page-num"><a href="">8</a></li>
                <li>.....</li>
                <li class="page-num"><a href="">50</a></li>
                <li class="next"><a href=""><i class="icon-p icon-next"></i></a></li>
                <li class="last"><a href=""><i class="icon-p icoc-lastpage"></i></a></li>
            </ul>
            <div class="page-other-info">
                共50页 <span class="p-mar">跳到</span> <input type="text" class="num"/> 页 <button class="btn-p">确定</button>
            </div>
        </div>
    </section>

    <!--footer-->
    <section class="container-fuld footer">
        <div class="container">
                <h2 class="title-md"><span class="padding-lg">联系我们</span> 400-500-700</h2>
                <p class="text-f">Copyright &copy; 2015 LIPE All rights reserved.</p>
        </div>
    </section>
    <!--//footer-->
    <script src="js/jquery.min.js"></script>
    <script src="js/lipe.fn.js"></script>
    <script src="js/page.init.js"></script>
</body>
</html>